<template>
	<zui-box>
		<!-- 头部导航 -->
		<zui-navbar title="安全中心"></zui-navbar>

		<u-gap height="20rpx"></u-gap>
		<!-- 单元格菜单 -->
		<!-- 		<view class="cell_list" @click="xz_go('set_phone')">
			<u-cell-group :border="false">
				<u-cell :border="false" isLink title="修改手机号码" value="155****3321">
				</u-cell>
			</u-cell-group>
		</view> -->		
		<u-gap height="20rpx"></u-gap>
		<view class="cell_list" @click="xz_go('set_password')">
			<u-cell-group :border="false"><u-cell :border="false" isLink title="修改登录密码"></u-cell></u-cell-group>
		</view>
		<u-gap height="20rpx"></u-gap>
		<view class="cell_list" @click="xz_go('set_passtrade')">
			<u-cell-group :border="false"><u-cell :border="false" isLink title="修改支付密码"></u-cell></u-cell-group>
		</view>
		<u-gap height="20rpx"></u-gap>
	</zui-box>
</template>

<script>
export default {
	data() {
		return {};
	},
	created() {},
	methods: {}
};
</script>

<style lang="scss" scoped>
/* 	//底部按钮组 */
.cell_list {
	padding: 0 30rpx;
	box-sizing: border-box;
	margin: 0 auto;

	/deep/.u-cell__title-text {
		color: #999 !important;
		font-size: 28rpx;
	}
	/deep/.u-cell__left-icon-wrap {
		margin-right: 20rpx;
	}
	/deep/.u-cell--clickable {
		background: #fff;
	}
	/deep/.u-cell {
		background: #fff;
		border-radius: 20rpx;
	}
	/deep/.u-cell__value {
		color: #bfbfbf !important;
	}
}
</style>
